@import "../mixins.less";
@padding-v: 14rpx;
@padding-h: 30rpx;

.scroll-nav-wrap {
    height: @padding-v * 2 + @text-normal-line-height + 8rpx;
}
.scroll-nav {
    .nav-item {
        display: inline-block;
        padding: @padding-v @padding-h;
        .text-normal();
        color: #999;
        border-bottom: 8rpx solid transparent;
        &.active {
            color: @primary-color;
            border-bottom-color: @primary-color;
        }
    }
}
.scroll-nav-fixed {
    z-index: 1;
    &.fixed {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
    }
}